<template>
    <div class="container">
        <el-row type="flex" justify="space-between">
            <!-- 订单表单 -->
            <OrderForm/>

            <!-- 侧边栏 -->
            <Orderside :data="this.$store.state.air.orderDetail" :seat_xid="this.$route.query.seat_xid"/>
        </el-row>
    </div>
</template>

<script>
import OrderForm from "@/components/air/orderForm.vue";
import Orderside from "@/components/air/orderSide.vue";

export default {
    mounted(){
        console.log(22,this.$store.state.air.orderDetail.seat_infos.filter(v => v.seat_xid==this.$route.query.seat_xid)[0].org_settle_price)
    },
    components: {
        OrderForm,
        Orderside
    }
}
</script>

<style lang="less" scoped>
    .container{
        width:1000px;
        margin:20px auto;
    }
    
    /*aside*/
    .aside{
        width: 350px;
        height: fit-content;
        border:1px #ddd solid;
    }
</style>